<template>
  <el-button :size="size" :type="type" :plain="plain" :round="round" :circle="circle" :loading="loading"
    :disabled="disabled" :icon="icon" :native-type="nativeType" @click="handleClick">
    <slot></slot>
  </el-button>
</template>
  
<script>

export default {
 name:"EButton",
  props: {
    
    plain: {
      type: Boolean,
      default: false
    },
    round: {
      type: Boolean,
      default: false
    },
    circle: {
      type: Boolean,
      default: false
    },
    loading: {
      type: Boolean,
      default: false
    },
    disabled: {
      type: Boolean,
      default: false
    },
    type: {
      type: String,
      default: ""
    },
    size: {
      type: String,
      default() {
        return "small"
      }
    },
    nativeType: {
      type: String,
      default() {
        return "button"
      }
    },
    icon: {
      type: String,
      default() {
        return ""
      }
    },
  },
  data() {
    return {
    };
  },

  methods: {
    handleClick(e){
      this.$emit('click' , e)
    }
  }
}
</script>
  
<style scoped></style>
  